﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions"  prefix="fn"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="../lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/style.css" />
 <title>管理员列表</title>
</head>
<body>
	<nav class="breadcrumb">
	<i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>
	管理员管理 <span class="c-gray en">&gt;</span> 管理员列表 <a 
		class="btn btn-success radius r"
		style="line-height:1.6em;margin-top:3px"
		href="javascript:location.replace(location.href);" title="刷新"><i
		class="Hui-iconfont">&#xe68f;</i></a></nav>
	   <div class="page-container">
		<div class="text-c">
		<form id="searchsysform" action="searchSysManager" method="get">
			日期范围： <input type="text"
				onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'datemax\')||\'%y-%M-%d\'}' })"
				id="datemin" name="datemin" class="input-text Wdate" style="width:120px;" value="${user.datemin }" />
				- <input type="text"
				onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'datemin\')}',maxDate:'%y-%M-%d' })"
				id="datemax" name="datemax" class="input-text Wdate" style="width:120px;" value="${user.datemax }" />
					<input type="text" class="input-text" style="width:250px"
					placeholder="输入管理员登录名" id="username" name="username" value="${user.username }"/>
						<button type="submit" class="btn btn-success" id="" name="">
							<i class="Hui-iconfont">&#xe665;</i> 搜用户
						</button>
		</form>
		</div>
		<div class="cl pd-5 bg-1 bk-gray mt-20">
			<span class="l"><a href="javascript:;" onclick="admin_del(this,null)"
				class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i>
					批量删除</a> <a href="javascript:;"
				onclick="admin_add('添加管理员','editSysManager?id=-1','800','660')"
				class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i>
					添加管理员</a></span> 
			</span>
		</div>
		<div class="mt-20">
		<table class="table table-border table-bordered table-bg table-hover table-sort">
			<thead>
				<tr>
					<th scope="col" colspan="9">员工列表</th>
				</tr>
				<tr class="text-c">
					<th width="3%"><input name="usercheckbox" type="checkbox" name="" value=""/></th>
					<th width="6%">ID</th>
					<th width="13%">登录名</th>
					<th width="14%">真实姓名</th>
					<th width="15%">手机</th>
					<th width="8%">性别</th>
					<th width="15%">加入时间</th>
					<th width="10%">是否已启用</th>
					<th width="10%">操作</th>
				</tr>
			</thead>
			<tbody>
				<c:forEach var="row" items="${rows}" varStatus="s">
					<tr class="text-c">
						<td align="center"><input name="usercheckbox" type="checkbox" value="${row.id}"/></td>
						<td align="center"><c:out value="${s.index+1}"></c:out></td>
						<td align="center"><c:out value="${row.username}"></c:out></td>
						<td align="center"><c:out value="${row.realname}"></c:out></td>
						<td align="center"><c:out value="${row.mobile}"></c:out></td>
						<td align="center">
						<c:choose>
								<c:when test="${row.sex=='m'}">
									<c:out value="男"></c:out>
								</c:when>
								<c:when test="${row.sex=='f'}">
									<c:out value="女"></c:out>
								</c:when>
								<c:otherwise>
								</c:otherwise>
							</c:choose></td>
						<td align="center"><fmt:formatDate type="both"
								value="${row.createtime}" /></td>
						<td class="td-status" align="center"> <c:choose>
								<c:when test="${row.isuse=='y'}">
									<span class="label label-success radius">已启用</span>
								</c:when>
								<c:when test="${row.isuse=='n'}">
									<span class="label radius">已停用</span>
								</c:when>
								<c:otherwise>
								</c:otherwise>
							</c:choose></td>
						<c:if test="${row.username  == 'admin'}">
						<td class="td-manage" align="center">
						</td>
						</c:if>
						
						<c:if test="${row.username != 'admin'}">
						<td class="td-manage" align="center">
						<c:choose>
								<c:when test="${row.isuse=='y'}">
									<a style="text-decoration:none" onClick="admin_stop(this,'${row.id}')" href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe631;</i></a> 
								</c:when>
								<c:when test="${row.isuse=='n'}">
									<a style="text-decoration:none" onClick="admin_start(this,'${row.id}')"
							href="javascript:;" title="启用"><i class="Hui-iconfont">&#xe615;</i></a>
								</c:when>
								<c:otherwise>
								</c:otherwise>
							</c:choose>
							<a title="编辑" href="javascript:;"
							onclick="admin_edit('管理员编辑','editSysManager?id=${row.id}','2','800','660')"
							class="ml-5" style="text-decoration:none"><i
								class="Hui-iconfont">&#xe6df;</i></a> <a title="删除"
							href="javascript:;" onclick="admin_del(this,'${row.id}')" class="ml-5"
							style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
						</td>
						</c:if>
					</tr>
					
				</c:forEach>
<%-- 				<tr class="text-c">
					<td class="td-status" align="right" colspan="9">
					${page.total}
					</td>
					</tr> --%>
			</tbody>
		</table>
	</div>
	</div>
	<!--_footer 作为公共模版分离出去-->
	<script type="text/javascript" src="../lib/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="../lib/layer/2.4/layer.js"></script>
	<script type="text/javascript" src="../static/h-ui/js/H-ui.min.js"></script>
	<script type="text/javascript" src="../static/h-ui.admin/js/H-ui.admin.js"></script>
	<!--/_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../static/h-ui/js/H-ui.js"></script>
<script type="text/javascript" src="../lib/bootstrap-modal/2.2.4/bootstrap-modalmanager.js"></script>
<script type="text/javascript" src="../lib/bootstrap-modal/2.2.4/bootstrap-modal.js"></script> 
	<!--请在下方写此页面业务相关的脚本-->
	<script type="text/javascript"
		src="../lib/My97DatePicker/4.8/WdatePicker.js"></script>
	<script type="text/javascript"
		src="../lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
	<script type="text/javascript" src="../lib/laypage/1.2/laypage.js"></script>
	
	
	<script type="text/javascript">
	$('.table-sort').dataTable({
		"aaSorting": [[ 1, "desc" ]],//默认第几个排序
		"searching":false,//搜索输入框显示
		"aoColumnDefs": [
		  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
		  {"orderable":false,"aTargets":[0,2]},// 制定列不参与排序
		  {"orderable":false,"aTargets":[0,3]},// 制定列不参与排序
		  {"orderable":false,"aTargets":[0,4]},// 制定列不参与排序
		  {"orderable":false,"aTargets":[0,8]}// 制定列不参与排序
		]
	});
	
	
		/*
		 参数解释：
		 title	标题
		 url		请求的url
		 id		需要操作的数据id
		 w		弹出层宽度（缺省调默认值）
		 h		弹出层高度（缺省调默认值）
		 */
		/*管理员-增加*/
		function admin_add(title, url, w, h) {
			layer_show(title, url, w, h);
		}
		/*管理员-删除*/
		function admin_del(obj, id) {
		var obj = document.getElementsByName("usercheckbox");
		var check_val = [];
	    for(k in obj){
	        if(obj[k].checked)
	            check_val.push(obj[k].value);
	    }
	    var para = check_val.join(",") ;
	    if(id!=null&&id!=''){
	    	para = id ; 
	    }
	    if(para==null||para==''){
	    	layer.msg("请选择要删除的数据!<script>setTimeout('window.location.reload();',1100);<\/script>", {icon: 17,time:1150});
	    }
			layer.confirm('确认要删除吗？', function(index) {
				$.ajax({
					type : 'POST',
					url : 'deleteSysManager',
					data: { "ids": para},
					dataType : 'json',
					success : function(data) {
						layer.msg("删除成功!<script>setTimeout('window.location.reload();',1100);<\/script>", {icon: 6,time:1150});
					},
					error : function(data) {
						layer.msg("出问题了!<script>setTimeout('window.location.reload();',1100);<\/script>", {icon: 8,time:1150});
					},
				});
			});
			
			
		}

		/*管理员-编辑*/
		function admin_edit(title, url, id, w, h) {
			layer_show(title, url, w, h);
		}
		/*管理员-停用*/
		function admin_stop(obj, id) {
			layer.confirm(
							'确认要停用吗？',
							function(index) {
								$.ajax({
									type: 'post',
									url: "setSysManagerStatu" ,
									data: {"id": id, "isuse": 'n'},
									async: false,
									dataType: "json", 
									success: function(data){
										layer.msg(data.desc+"!<script>setTimeout('window.location.reload();',1100);<\/script>", {icon: 6,time:1150});
									},
					                error: function(XmlHttpRequest, textStatus, errorThrown){
										layer.msg('error!',{icon:1,time:1000});
									}
								});

								$(obj)
										.parents("tr")
										.find(".td-manage")
										.prepend(
												'<a onClick="admin_start(this,id)" href="javascript:;" title="启用" style="text-decoration:none"><i class="Hui-iconfont">&#xe615;</i></a>');
								$(obj)
										.parents("tr")
										.find(".td-status")
										.html(
												'<span class="label label-default radius">已禁用</span>');
								$(obj).remove();
								layer.msg('已停用!', {
									icon : 5,
									time : 1000
								});
							});
		}

		/*管理员-启用*/
		function admin_start(obj, id) {
			layer.confirm(
							'确认要启用吗？',
							function(index) {
								$.ajax({
									type: 'post',
									url: "setSysManagerStatu" ,
									data: {"id": id, "isuse": 'y'},
									async: false,
									dataType: "json", 
									success: function(data){
										layer.msg(data.desc+"!<script>setTimeout('window.location.reload();',1100);<\/script>", {icon: 6,time:1150});
									},
					                error: function(XmlHttpRequest, textStatus, errorThrown){
										layer.msg('error!',{icon:1,time:1000});
									}
								});

								$(obj)
										.parents("tr")
										.find(".td-manage")
										.prepend(
												'<a onClick="admin_stop(this,id)" href="javascript:;" title="停用" style="text-decoration:none"><i class="Hui-iconfont">&#xe631;</i></a>');
								$(obj)
										.parents("tr")
										.find(".td-status")
										.html(
												'<span class="label label-success radius">已启用</span>');
								$(obj).remove();
								layer.msg('已启用!', {
									icon : 6,
									time : 1000
								});
							});
		}
		
	</script>
</body>
</html>
